/*
 * 个人用户页面
 * */
import React, { Component } from 'react';
import {
    StyleSheet,
    TouchableOpacity,
    ListView,
    Alert,
    Text,
    View
} from 'react-native';

const ParallaxScrollView =require('react-native-parallax-scroll-view');
export default class Account extends Component {

    constructor(props) {
        super(props);
        this.state = {
            isRefreshing: false
        };
    }

    render() {
        return (
            <ParallaxScrollView
                backgroundColor="blue"
                contentBackgroundColor="pink"
                parallaxHeaderHeight={300}
                stickyHeaderHeight={50}
                fadeOutForeground={true}
                renderForeground={() => (
                   <View style={{ height: 300, flex: 1, alignItems: 'center', justifyContent: 'center' }}>
                      <Text>Hello World!</Text>
                    </View>
               )}

                renderStickyHeader={() => (
                   <View style={{ height: 50, flex: 1, alignItems: 'center', justifyContent: 'center',backgroundColor:"yellow" }}>
                      <Text>stickky</Text>
                    </View>
               )}
                renderFixedHeader={() => (
                   <View style={{ height: 100, flex: 1, alignItems: 'center', justifyContent: 'center' }}>
                      <Text>头部dfdfdfdfdf</Text>
                    </View>
               )}
            >
                <View style={{ height: 500 }}>
                    <Text>Scroll me</Text>
                </View>
            </ParallaxScrollView>
        )
    }
}

const styles = StyleSheet.create({});
